<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>
<body id="box">
  <input id="btn1"  type="button" value="红色">
  <input id="btn2"  type="button" value="绿色"><br>
  <input type="password" id="pass" placeholder="请输入你的密码"><input id="btn3"  type="button" value="确认"><br>

  <script>
    // 第一题
    if (6>9) {
      console.log ('6大于9')
    }else if (6<9) {
      console.log ('6小于9');
    }else {
      console.log ('6等于9');
    }

    // 第二题
    var a = prompt('请输入你的信息');
    console.log('你的信息是：'+a);
    document.write('你的信息是：'+a +'<br>');
    // 第三题
      var n = prompt('请输入钱数');
      document.write(parseInt(n/100) + '张100元&nbsp;&nbsp;');
      document.write(parseInt(n%100/50) + '张50元&nbsp;&nbsp;');
      document.write(parseInt(n%100%50/20) + '张20元&nbsp;&nbsp;');
      document.write(parseInt(n%100%50%20/10) + '张10元&nbsp;&nbsp;');
      document.write(parseInt(n%100%50%20%10/5) + '张5元&nbsp;&nbsp;');
      document.write(parseInt(n%100%50%20%10%5/1) + '张1元' +'<br>');
      // 第四题
    var _b = document.getElementById('box');
    btn1.onclick = function() {
        _b.style.backgroundColor = 'red';
    };
    var _h = document.getElementById('box');
    btn2.onclick = function() {
        _h.style.backgroundColor = 'green';
    };
    // 第五题
    // var c = prompt('请输入你的密码');
    // if (c == 123) {
    //   alert('密码输入正确！');
    // } else {
    //   alert('密码输入错误！');
    // }
    var _d = document.getElementById('pass');
    btn3.onclick = function() {
      if (pass.value == 123) {
        alert('密码输入正确！');
      }else {
        alert('密码输入错误！');
      }
    }
    // 第六题
    var b = prompt('请输入你的出生年份');
    document.write('你的年龄是：'+(2022-b)+'岁');
    </script>

  
</body>
</html>